<section id="home" class="content">
    <section class="wrap panel" id="image">
        <img src="{{ baseURL }}/img/howard.jpg" alt="{{ personalData.fullname }} personal photo"/>

        <div class="data-row" data-0="top: 60%;" data-1200="top: 0%;">
            <span class="name">{{ personalData.fullname }}</span><br/>
            <span class="edu">{{ personalData.recordOfFormalSchooling }}</span>
        </div>
    </section>
    <section class="wrap panel items " id="info" data-0="top: 580pt;" data-1500="top: 120pt;"
             data--100-top="overflow: auto; bottom: 0;">
        <section class="shush-blockItem item">
            <div class="data-row">
                <span class="label">Office: </span>
                <span class="data">{{ personalData.room }}</span>
            </div>
            <div class="data-row">
                <span class="label">Tel: </span>
                <span class="data">{{ personalData.telphone }}</span>
            </div>
            <div class="data-row">
                <span class="label">Fax: </span>
                <span class="data">{{ personalData.fax }}</span>
            </div>
            <div class="data-row">
                <span class="label">Email: </span>
                <span class="data"><a href="mailto:{{ personalData.email }}">{{ personalData.email }}</a></span>
            </div>
            <div class="data-row">
                <span class="label">Fax: </span>
                <span class="data">{{ personalData.fax }}</span>
            </div>
            <div class="data-row">
                <span class="label">Mailing Address: </span>
                <span class="data" ng-bind-html="personalData.mailingAddr"></span>
            </div>
        </section>
        <section class="shush-blockItem item">
            <article ng-bind-html="personalData.description"></article>
        </section>
    </section>
</section>
</section>